// 最上面的横栏
import ModalSelect from "./select";
import Icon from "../_component/icon";

export default function Banner() {
  return (
    <div className="flex items-center justify-between bg-white/80 py-3 pl-3 pr-2 shadow-[0_1px_rgba(202,206,214,.3),0_5px_10px_-5px_rgba(0,0,0,.05)] backdrop-blur">
      <div className="group -ml-2 inline-flex cursor-not-allowed touch-none select-none p-1 text-zinc-500 opacity-40">
        <div className="h-4 w-4">
          <Icon name="ellipsis-vertical" />
        </div>

        <div className="-ml-3 h-4 w-4">
          <Icon name="ellipsis-vertical" />
        </div>
      </div>
      <div className="min-w-0 flex-1">
        <div className="relative grid gap-2">
          <ModalSelect />
        </div>
      </div>
    </div>
  );
}
